/**
 * 阴影系统
 * 所有阴影相关变量使用 shadow- 前缀
 * 所有透明度相关变量使用 opacity- 前缀
 * 命名规范：
 * - 大小序列：使用 xs/sm/md/lg/xl
 * - 默认选项：使用 default
 */

/* 阴影效果 - 按大小排序 */
$shadow-xs: 0 2rpx 4rpx rgb(0 0 0 / 5%); // 极小阴影
$shadow-sm: 0 2rpx 8rpx rgb(0 0 0 / 10%); // 小阴影
$shadow-md: 0 4rpx 16rpx rgb(0 0 0 / 10%); // 中等阴影
$shadow-lg: 0 8rpx 24rpx rgb(0 0 0 / 15%); // 大阴影
$shadow-xl: 0 12rpx 32rpx rgb(0 0 0 / 20%); // 特大阴影

/* 特殊阴影 - 按用途分类 */
$shadow-default: $shadow-md; // 默认阴影（改 card 为 default）
$shadow-up: 0 -4rpx 16rpx rgb(0 0 0 / 8%); // 上浮阴影
$shadow-down: 0 4rpx 16rpx rgb(0 0 0 / 8%); // 下沉阴影
$shadow-button: $shadow-sm; // 按钮阴影

/* 透明度 - 由低到高排序 */
$opacity-hover: 0.1; // 悬浮状态
$opacity-disabled: 0.3; // 禁用状态
$opacity-mask: 0.7; // 遮罩层
$opacity-loading: 0.9; // 加载状态
